{layout name="layout" /}
<link rel="stylesheet" type="text/css" href="https://www.layuicdn.com/layui/css/layui.css" />
<script src="https://www.layuicdn.com/layui/layui.js"></script>

<div class="layui-form">
    <a  class="layui-btn" href="javascript:history.go(-1);" autocomplete="off"> 返回上一页  </a>
    <table class="layui-table">
        <thead>
        <tr>
            <th>数据库名称</th>
            <th>卷数</th>
            <th>压缩</th>
            <th>数据大小</th>
            <th>备份时间</th>
            <th>状态</th>
            <th>操作</th>
        </tr>
        </thead>

        <tbody>
        {foreach name='list' item='data'}
        <tr>

            <td>{$data.time|date='Ymd-His'}</td>
            <td>{$data.part}</td>
            <td>{$data.compress}</td>
            <td>{$data.size|format_bytes}</td>
            <td>{$key}</td>
            <td class="status">-</td>
            <td class="action">
                <a class="db-down layui-btn layui-btn-normal" href="{:url('/admin/database/down',['time'=>$data['time']])}">下载</a>
                <a class="db-import layui-btn layui-btn-warm" href="{:url('/admin/database/import',['time'=>$data['time']])}">还原</a>
                <a class="ajax-get confirm layui-btn layui-btn-danger" href="{:url('/admin/database/del',['time'=>$data['time']])}">删除</a>
            </td>
        </tr>
        {/foreach}
        </tbody>
        <script>
            layui.use(['jquery','layer'],function(){
                window.$ = layui.$;
                var layer = layui.layer;

                $(".db-import").click(function(){
                    var self = this, status = ".";

                    $(this).parent().prevAll('.status').html("").html('等待还原');
                    $.get(self.href, success, "json");
                    window.onbeforeunload = function(){ return "正在还原数据库，请不要关闭！" }
                    return false;
                    function success(data){
                        if(data.code==0){
                            $(self).parent().prev().text(data.msg);
                            if(data.data.part){
                                $.get(self.href,
                                    {"part" : data.data.part, "start" : data.data.start},
                                    success,
                                    "json"
                                );

                            }  else {
                                layer.alert(data.msg);
                                //window.onbeforeunload = function(){ return null; }
                            }
                        } else {
                            layer.alert(data.msg);
                        }
                    }
                });


                //   $(".db-import").click(function(){
                //     // console.log($(this).parents().find(".status").html() );//正常
                //     // console.log($(this).parent().prevAll('.status').html() );
                //     var statusem=$(this).parent().prevAll('.status');
                //     $(this).parent().prevAll('.status').html("").html('等待还原');
                //     thisobj=this;
                //     $.post(this.href, function(data){

                //       if(data.code==1){
                //         // statusem.text(""); // 清空数据
                //         // statusem.append('data');
                //         // statusem.text("").append('132');
                //         // $(this).parent().prevAll('.status').html("").html(data.msg);//error ：异常原因无法获取当前节点
                //         statusem.html(data.msg);
                //         getdbimport(thisobj,data.data);
                //       }
                //     }, "json");
                //     return false;
                // });



            });

        </script>

    </table>

</div>